/*body{ background: red; }检测样式表是否链接好*/
/*公共样式：很多标签都可能用到的样式*/
*{ margin: 0px; padding: 0px; }
ul li{ list-style: none; }


/*页面样式*/
/*轮播图*/
/*外层*/
.ban{
	width:730px;
	height: 454px;
	border:1px solid red;
	margin:100px auto;
	position: relative;/*子绝父相*/
	overflow: hidden;
}

/*图片*/
.picture img{ display: none; }

.picture .show{ display: block; }

/*小圆点*/
.circle{
	position: absolute;
	left:40%;
	bottom:10px;
}

.circle li{
	display: inline-block;
	width:20px;
	height: 20px;
	background: #000;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	
}

.circle .red{ background: red; }

/*左右按钮*/ 
.btn{
	width: 53px;
	height: 55px;
	position: absolute;
	top: 40%;
	border-radius: 50%;
	display: none; 
}

.left-btn{background: url(../img/zuo.png) -3px -5px;}


.right-btn{
	background: url(../img/you.png) -2px 3px;
	right:0px;
}

.ban:hover .left-btn,.ban:hover .right-btn{display: block;}




